﻿body {
}

/*浮动*/
.blue-lt {
    float: left;
}

.blue-rt {
    float: right;
}
/*清除浮动*/
.clearfix {
    clear: both;
}
/*卡片样式*/
.blue-public-box {
    background-color: #fff;
    margin: 15px 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 5px #e1e1e1;
}
/*字体大小*/
.blue-ft-32 {
    font-size: 16px !important;
}

.blue-ft-30 {
    font-size: 15px !important;
}

.blue-ft-28 {
    font-size: 14px !important;
}

.blue-ft-26 {
    font-size: 13px !important;
}

.blue-ft-24 {
    font-size: 12px !important;
}
/*padding值*/
.blue-pd-35 {
    padding: 17px 10px;
}

.blue-pd-30 {
    padding: 15px;
}

.blue-pd-top {
    padding-top: 15px;
}
/*边框*/
.blue-bb {
    border-bottom: 1px #e1e1e1 solid;
}

.blue-border {
    border: 1px #4990e2 solid;
    box-sizing: border-box;
}

.blue-border-gary {
    border: 1px #bdbdbd solid;
    box-sizing: border-box;
}
/*一级标题*/
.blue-public-title-one {
    display: block;
    Height: 17px;
    line-height: 16px;
    font-size: 16px;
    padding: 15px;
}

    .blue-public-title-one::before {
        content: "";
        border-left: 4px #4990e2 solid;
        display: inline-block;
        vertical-align: top;
        line-height: 17px;
        width: 10px;
        height: 17px;
        box-sizing: border-box;
    }
/*二级标题*/
.blue-public-title-two {
    font-size: 15px;
    padding: 15px;
}
/*三级标题*/
.blue-public-title-three {
    font-size: 14px;
    padding: 15px;
}

.blue-public-icon-one {
    width: 25%;
    display: inline-block;
    text-align: center;
    justify-content: center;
    font-size: 15px;
    margin-bottom: 20px;
}

.blue-pio-one {
    Width: 55px;
    Height: 55px
}

.blue-pio-two {
    Width: 35px;
    Height: 35px;
}
/*列表样式一*/
.blue-bpl-title {
    padding: 15px 10rpx;
    border-bottom: 0.5px #e1e1e1 solid;
    position: relative;
}

.blue-bpl-label {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 315px;
    line-height: 20px;
}

.blue-bpl-title image {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -10px;
}

.blue-bpl-title text {
    padding-left: 30px;
    font-size: 16px;
    line-height: 20px;
    display: block;
}

.blue-bpl-context {
    padding: 10px;
    border-bottom: 0.5px #e1e1e1 solid;
    position: relative;
}

    .blue-bpl-context > image {
        width: 60px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -30px;
        border-radius: 40px;
    }

.blue-bpl-context-text {
    padding-left: 85px;
    font-size: 14px;
    padding-top: 5px;
}

.blue-bct-title {
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blue-bct-text {
    font-size: 16px;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blue-bpl-btn {
    padding: 10px 10px;
}

.blue-bplb-price {
    float: left;
    font-size: 15px;
    color: #ff0000;
    line-height: 30px;
}

.blue-bplb-button {
    width: 75px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 5px;
    text-align: center;
    background-color: #4990e2;
    color: #fff;
    margin-left: 10px;
}
/*列表样式三*/
.blue-blt-title {
    border-bottom: 0.5px #e8e8e8 solid;
    padding: 0px 15px;
    font-size: 15px;
    line-height: 45px;
    position: relative;
}

.blue-bbt-icon {
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.blue-bbt-text {
    overflow: hidden;
    text-overflow: hidden;
    white-space: nowrap;
}

.blue-blt-title input {
    text-align: right;
    height: 40px;
    line-height: 40px;
}

.blue-bbt-input {
    width: 6rem;
}

.blue-bbt-btn {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    background-color: #4990e2;
    color: #fff;
    margin-left: 10px;
    margin-top: 5px;
}

.blue-more {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -7.5px;
}

.blue-mr {
    margin-right: 20px;
}
/*按钮*/
.blue-button-little {
    width: 75px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-radius: 5px;
    text-align: center;
    margin: 15px;
}

.blue-button-long {
    margin: 25px;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    border-radius: 20px;
    text-align: center;
}

.blue-none-data {
    text-align: center;
    padding: 30px;
}

    .blue-none-data image {
        width: 40px;
        height: 40px;
    }

    .blue-none-data view {
        text-align: center;
        color: #999;
        font-size: 13px;
        line-height: 30px;
    }

.blue_list_box, .blue_ensure_order {
    border-bottom: 5px #f5f5f5 solid;
}

.blue_write_info {
    padding: 0 15px;
    height: 45px;
    font-size: 15px;
    border-bottom: 0.5px #f5f5f5 solid;
    display: flex;
    justify-content: space-between;
}

    .blue_write_info input {
        height: 20px;
        min-height: 20px;
        line-height: 20px;
    }

.blue_wr_one {
    line-height: 20px;
    margin: 12.5px 0;
}

.blue_wr_two {
    flex: 1;
    text-align: right;
    padding-left: 10px;
    height: 20px;
    margin: 12.5px 0;
    font-size: 15px;
    line-height: 20px;
}

.blue_write_info image {
    width: 15px;
    height: 15px;
    margin: 15px 0 15px 10px;
}

.blue_wr_three {
    height: 30px;
    font-size: 15px;
    margin: 7.5px 0 7.5px 10px;
    line-height: 30px;
    background-color: #4990e2;
    color: #fff;
    padding: 0 7.5px;
}

.blue_eo_context {
    padding: 10px 15px;
    font-size: 16px;
}

.blue_eo_details {
    display: flex;
    justify-content: space-between;
    line-height: 30px;
}

.blue_eod_one {
    color: #999;
}

.blue_eod_two {
    flex: 1;
    text-align: right;
    padding-left: 10px;
}

/*背景色*/
.blue-bd {
    background-color: #4990e2 !important;
    color: #fff !important;
}
.green-bd {
    background-color: #07c160 !important;
    color: #fff !important;
}


.red-bd {
    background-color: #ff0000 !important;
    color: #fff !important;
}

.orange-bd {
    background-color: orange !important;
    color: #fff !important;
}

.gary-bd {
    background-color: #f5f5f5 !important;
    color: #fff !important;
}

.white-bd {
    background-color: #fff !important;
}
/*字体颜色*/
.blue-color {
    color: #4990e2 !important;
}

.red-color {
    color: #ff0000 !important;
}

.orange-color {
    color: orange !important;
}

.gary-color {
    color: #999 !important;
}

.white-color {
    color: #fff !important;
}

.black-color {
    color: #333;
}

.blue-blt-title input {
    text-align: right;
    height: 40px;
    line-height: 40px;
}

.green-color {
    color: #07c160 !important;
}